.nav {
    width: 100%;
    height: 74px;
    line-height: 74px;
    background: rgb(76, 88, 164);
    color: white;
    /*overflow: hidden;*/
    position: relative;
    min-width: 1000px;
}


.nav-bar {
    list-style: none;
    display: inline-block;
    height:100%;
    margin-bottom: 0;
    padding:0;
}

a.nav-selected {
    background: rgb(67, 79, 155);
}

.nav-logo {
    width: 114px;
    display: inline-block;
    height: 100%;
    background-image: url("../../img/logo.png");
    background-color: rgb(0, 196, 132);
    background-repeat:no-repeat;
    background-position: 50%;
}

.nav-title-box {
    float: left;
    width: 142px;
    height:100%;
}

.nav-title {
    letter-spacing: 4px;
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-size: 1.4em;
    color: white;
}
.nav-title:hover {
    color: white;
    background: rgb(83,95,174);
}
/*23*/
.nav-title:focus{
    color: white;
}
/*23*/
/*.nav-title:hover,.nav-title:focus {*/
    /*color: white;*/
    /*background: rgb(83,95,174);*/
/*}*/

.nav-company-box {
    float: right;
    margin-right: 2%;
    cursor: pointer;
}

.flipy {
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
    /*IE*/
    filter:FlipV;
}



.nav-company-logo {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid rgb(50, 55, 147);
}

.nav-down-arrow {
    /*background: url("../../img/nav/down-arrow.png") no-repeat;*/
    /*display: inline-block;*/
    /*width: 13px;*/
    /*height: 6px;*/
    /*background-size: 13px 6px;*/
    position: relative;
    top: 2px;
}
.nav-row-1{
    background:rgb(90,104,189);height: 26px;line-height: 26px;padding-left: 5px
}

.nav-row-1:hover {
    background-color: rgb(53,68,160);
}

.nav-row-2:hover {
    background-color: rgb(53,68,160);
}

.nav-row-2{
    background:rgb(90,104,189);height: 26px;line-height: 26px;padding-left: 5px
}
.nav-row-1 .img-container,
.nav-row-2 .img-container{
    width: 26px;height: 100%;float:left;
}


.nav-company-name  {
    font-size: 1.3em;
}


@media (max-width: 950px) {
    .nav-bar {
        /*width: 45%;*/
    }

    .nav-title-box  {
        /*width: 33.3%;*/
    }
}

@media (max-width: 640px) {
    .nav-company-name {
        /*display: none;*/
    }
}

